<template>
    <div class="w-full h-full -100 dark:-900 p-3">
        <div class="w-full h-full flex flex-col p-4 bg-white dark:bg-black text-gery-700 dark:text-gery-300">
            <a-tabs v-model:activeKey="state.activeKey">
                <a-tab-pane key="1" tab="普通表格"></a-tab-pane>
                <a-tab-pane key="2" tab="空白页面"></a-tab-pane>
                <a-tab-pane key="3" tab="弹出窗(表单)"></a-tab-pane>
                <a-tab-pane key="5" tab="弹出窗(表格)"></a-tab-pane>
                <a-tab-pane key="6" tab="弹出窗(空白)"></a-tab-pane>
                <a-tab-pane key="4" tab="抽屉(表单)"></a-tab-pane>
                <a-tab-pane key="7" tab="抽屉(空白)"></a-tab-pane>
                <a-tab-pane key="7" tab="子表格"></a-tab-pane>
                <template #rightExtra>
                    <a-button type="primary" @click="state.visible = true">自动创建文件</a-button>
                </template>
            </a-tabs>
            <div>
                <d-select v-model:value="state.value" search :options="state.options"></d-select>
                {{ state.value }}
            </div>
        </div>
        <a-modal v-model:open="state.visible" title="自动创建文件" @ok="state.visible = false">
            <div class="p-4 flex flex-col gap-6">
                <d-select placeholder="选择模板类型" />
                <d-input placeholder="选择目录" />
                <d-input placeholder="输入文件名" />
            </div>
        </a-modal>
    </div>
</template>
<script setup>
let state = reactive({
    visible: false,
    value: undefined,
    options: [
        {
            label: "关于Faas连接器下列表述正确的是?",
            value: "【在云IDE里部署Faas连接器云函数时需要选择线上环境】【Faas连接器内可调通宜搭平台接口】【Faas连接器内可调通宜搭连接器(包括钉钉方连接器、钉钉三方连接器、自定义连接)】",
        },
        {
            label: "流程运行异常时可以通过以下哪些方式进行问题排查?",
            value: "【】【】【】【】1",
        },
        {
            label: "配置宜搭大屏的页面设置时，可以通过以下哪些方式修改背景图片?",
            value: "【选择官方资产】【设置网络图片链接】【上传本地图片】",
        },
        {
            label: "普通流程的审批人节点设置审批按钮的加签动作时，加签结果设置不生效，最终被加签的人员会有哪些表现?",
            value: "【不参与到实际审批中】【可以发表意见】【】【】",
        },
        {
            label: "报表的表格组件设置详情跳转链接时无法选择到[实例ID]字段可能的原因?",
            value: "【没有输入空格】【表格内没有[实例ID]字段】【】【】",
        },
        {
            label: "可以通过以下哪些方式调用Faas连接器?",
            value: "【】【】【】【】2",
        },
        {
            label: "以下选项中哪些是连接器具备的能力?",
            value: "！【连接钉钉三方的能力】",
        },
        {
            label: "报表的数据准备功能支持添加公式字段，支持以下哪些函数的使用?",
            value: "！【FROMUNIXTIME】",
        },
        {
            label: "连接器工厂配置自定义连接器时，支持以下哪些身份验证类型?",
            value: "【】【】【】【】3",
        },
        {
            label: "可以通过以下哪种方式查看Faas连接器运行日志?",
            value: "【从云IDE进入云应用管理，找到对应的云应用并查看日志】",
        },
        {
            label: "远程数据源中数据处理函数onError的作用是什么?",
            value: "【捕获远程数据源的接口异常】【】【】【】",
        },
        {
            label: "关于流程退回的说法，以下哪项是正确的?",
            value: "【在审批节点写业务关联规则，退回之后重新发起，到该节点审批时会再次触发】【】【】【】",
        },
        {
            label: "成为中级认证服务商后可以有应用分发功能关于这个功能以下哪项描述是错误的?",
            value: "【服务商分发到用户企业中，企业的普通员工拥有购买权限】【】【】【】",
        },
        {
            label: "集成&自动化中的“获取多条数据”节点可以作为下面哪些节点的入参?",
            value: "【获取单条数据】【】【】【】",
        },
        {
            label: "在钉钉宜搭表单数据管理页面中，进行数据的批量导入时可以触发哪种已经配置好的消息通知?",
            value: "【系统自带根据表单内日期字段设置的消息通知】【】【】【】",
        },
        {
            label: "以下哪种方法是给下拉单选组件赋选项值?",
            value: "【this.S(组件唯一标识).set(dataSource'val)】【】【】【】",
        },
        {
            label: "以下哪个公式可以用来判断子表单中的字段值是否有重复?",
            value: "【ARRAYREPEATEDO】【】【】【】",
        },
        {
            label: "以下哪个不是普通表单消息通知支持的内置变量?",
            value: "【S!approvedResultCode)】【】【】【】",
        },
        {
            label: "在JS动作面板中，通过以下哪种方法可以获取文本组件中填写的内容?",
            value: `【this.S("text_kxa6vd1u").get("content")】【】【】【】`,
        },
        {
            label: "以下哪项是通过接口搜索成员组件值时所传递的数据格式?",
            value: "【['userid']】【】【】【】",
        },
        {
            label: "小明在连接器工厂中配置Faas连接器的入参和出参，以下哪项描述是正确的?",
            value: "【小明在定义Faas连接器时填写了Faas连接器的“Request Body”样例ison并点击“解析Body”，保存后在集成自动化设计器里看到此Faas连接器的入参对象所包含的字段。】【】【】【】",
        },
        {
            label: "在钉钉宜搭高级流程设计中，分支节点的分支规则可以根据角色来配置规则条件。",
            value: "【错误】【】【】【】",
        },
        {
            label: "集成自动化支持以下哪些触发类型?",
            value: "！【报表事件触发】",
        },
        {
            label: "集成&自动化中的“获取单条数据节点”中过滤条件是数值组件，那么它可以使用下面哪些查询条件?",
            value: "【】【】【】【】4",
        },
        {
            label: "在数据管理页中以下哪些组件不支持排序?",
            value: "【成员】【下拉单选】【】【】",
        },
        {
            label: "集成&自动化中“获取单条数据”节点支持查询的条件有哪些?",
            value: "【】【】【】【】5",
        },
        {
            label: "宜搭大屏选择宜搭数据源后，支持配置以下哪些数据集?",
            value: "【】【】【】【】6",
        },
        {
            label: "钉钉宜搭大屏中，如何设置[健值表格，组件的单列列宽?",
            value: "【先设置[列]属性中的宽度百分比再设置每一列的列宽】【】【】【】",
        },
        {
            label: "在一个人口统计的宜搭大屏中，配置了一个“统计每个省人口总数”的柱状图和一个“全国男女占比”的饼图，现需要将这两个组件重叠放在同一个区域并且能够进行循环展示，为实现这个效果，请问你将如何进行配置?",
            value: "【在图层下创建组，并将两个组件放到一个组中，为组开启“组内对象轮播”功能】【】【】【】",
        },
        {
            label: "如何批量触发集成&自动化流的执行规则?",
            value: "【Excel批量导入时勾选导入时触发集成&自动化选项】【】【】【】",
        },
        {
            label: "钉钉宜搭大屏基础平面地图组件中，子组件管理可以设置区域热力层，通过以下哪个字段可以设置区域热力层的弹窗内容?",
            value: "【info】【】【】【】",
        },
        {
            label: "使用宜搭平台接口中的[新增表单实例，接口时，以下传入新增部门组件数据的数据格式正确的是哪一项?",
            value: `【["部门id"]】【】【】【】`,
        },
        {
            label: "宜搭提供了判断当前页面是否为发起页的API。",
            value: "【正确】【】【】【】",
        },
        {
            label: "以下哪些公式执行是正确的?",
            value: "！【IF(EQ(目标表字段,当前表字段),UPSERT(目标表,EQ(目标表字段,当前表字段),目标表字段,当前表字段)”)】【】【】【】",
        },
        {
            label: "集成&自动化中“新增数据”节点中可以在哪些地方给子表新增数据?",
            value: "！【当前节点后的获取数据节点】【】【】【】",
        },
        {
            label: "集成&自动化中，消息通知节点中支持发送什么类型的消息?",
            value: "！【群公告】【】【】【】",
        },
        {
            label: "宜搭大屏设置数据源时可以选择哪些类型的数据源?",
            value: "【宜搭数据源】【静态数据源】【】【】",
        },
        {
            label: "普通流程分支节点支持以下哪些组件作为分支条件?",
            value: "！【关联表单组件】【】【】【】",
        },
        {
            label: "创建自定义连接器时需要配置鉴权模版，以下哪个连接器可以配置鉴权?",
            value: "【自定义的高德地图连接器】【】【】【】",
        },
        {
            label: "以下哪个不是普通表单消息通知支持的内置变量?",
            value: "【S!approvedResultCode)】【】【】【】",
        },
        {
            label: "测试测试测试测试测试测试测试测试测试7",
            value: "【】【】【】【】7",
        },
        {
            label: "测试测试测试测试测试测试测试测试测试8",
            value: "【】【】【】【】8",
        },
        {
            label: "测试测试测试测试测试测试测试测试测试9",
            value: "【】【】【】【】9",
        },
    ],
});
defineExpose({});

const {} = toRefs(state);
</script>